<template>
    <div>
        <van-goods-action>
            <van-goods-action-icon 
                :icon="isCollected?'star':'star-o'" 
                :text="isCollected?'已收藏':'未收藏'" 
                :color="isCollected?'darkred':'#333'" 
                @click="isCollected=!isCollected"
            />
            <van-goods-action-icon icon="cart-o" text="购物车" :badge="goodsCount"  color="#333"/>
            <van-goods-action-button type="danger" text="立即购买" @click="handleClick"/>
            <van-goods-action-button type="warning" text="加入购物车" @click="addToCart"/>
            
        </van-goods-action>
    </div>
</template>

<script>
export default {
    data () {
        return {
            isCollected:false
 
        }
    },
    props:["goodsCount"],
    methods:{
        handleClick(){
            this.$toast("功能未开放")
        },
        addToCart(){
            this.$emit("addToCart")
        }
    }
}
</script>
 
<style lang = "less" scoped>
.van-goods-action{
    z-index: 99999;
}  
</style>